<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <title>{$jerry.lang.add_ads}</title>
    <hdjs/>
    <!-- 通过商品的标标题，查找相关数据 -->
     <script src='__CONTROL_TPL__/js/ajax.ad.js'></script>
    <bootstrap/>
    <script type="text/javascript">
        $(function(){
            $('#add-cate-form').validate({
                'cname' : {
                    rule:{
                        required: true,
                        maxlen:20
                    },
                    error:{
                        required : '分类名称必填',
                        maxlen:'分类名称不能大于20个字符'
                    },
                    message:'分类名称长度 1 到 20 位',
                    success:'填写正确'
                },
                'ctitle' : {
                    rule:{
                        required: true,
                        maxlen:60
                    },
                    error:{
                        required : '分类标题必填',
                        maxlen:'分类标题不能大于60个字符'
                    },
                    message:'分类标题长度 1 到 60 位 ',
                    success:''
                },
                'ckeywords' : {
                    rule:{
                        maxlen:120
                    },
                    error:{
                        maxlen:'分类关键字不能大于120个字符'
                    },
                    message:'分类关键字长度 1 到 120位',
                    success:''
                },
                'cdes' : {
                    rule:{
                        maxlen:255
                    },
                    error:{
                        maxlen:'分类描述不能大于255个字符'
                    },
                    message:'分类描述长度 1 到 255位',
                    success:''
                },
                'csort' : {
                    rule:{
                        num:'1,65535'
                    },
                    error:{
                        num:'分类排序必须为数字且不能大于65535'
                    },
                    message:'请填写1到65535的排序数字',
                    success:''
                },
                'htmldir' : {
                    rule:{
                        regexp:/^[a-zA-Z]{1,50}$/
                    },
                    error:{
                        regexp:'静态目录格式不正确'
                    },
                    message:'请填写1~50位只包含字母数字下划线,分类静态目录 例如：php',
                    success:''
                },
             
                
            })
        })
    </script>
    <css file="__CONTROL_TPL__/css/css.css"/>
</head>
<body>
<div class="wrap">
    <div class="title-header">{$jerry.lang.add_ads}</div>
 <form action="{|U:'Ad/add_ad'}" method="post" class="form-inline hd-form" id="add-cate-form">
        <table class="table1">
            <tr>
                <th class="w100"><!-- 广告名称 --></th>
                <td  class="w100">
                    <!-- <input type="text" name="adname" class="w200"/>  -->
                </td>
                <td></td>
            </tr>
            <script type="text/javascript">
            $(function(){
                $('#self').click(function() {
                 $('#self-choose').fadeOut();
                 $('#ad-data').fadeIn();   
                });

                $('#goods-data').click(function() {
                $('#self-choose').fadeIn();
                 $('#ad-data').fadeOut();   
                });
            })


            </script>
            <tr>
                <th class="w100">{$jerry.lang.ad_db}</th>
                <td>
                    <input type="radio" checked="checked" name="is_self" value="1" id="self" />{$jerry.lang.self_set}
                    <input type="radio" name="is_self" id="goods-data" value="0" />{$jerry.lang.system_db}
                </td>
                <td>{$jerry.lang.ad_ntice_5}</td>
            </tr>
            </table>
            <!-- 用户自已添加数据 -->
            <table class="table1" id="ad-data">
                 <tr>
                    <th class="w100">{$jerry.lang.banner_title}</th>
                    <td  class="w100">
                        <input type="text" name="adtitle" class="w200"/> 
                    </td>
                    <td>{$jerry.lang.ad_ntice_three}</td>

                </tr>
                <tr>
                    
                     <th class="w100">{$jerry.lang.banner_img}</th>
                    <td  class="w100">
                       <upload size='5' type='jpg,png,gif' limit='1' name='adpic'/>
                    </td>
                    <td>{$jerry.lang.ad_ntice_four}</td>
                </tr>
                <tr>
                     <th class="w100">{$jerry.lang.link_address}</th>
                    <td  class="w100">
                        <input type="text" name="adlink" class="w200"/> 
                    </td>
                    <td>{$jerry.lang.ad_ntice_two}</td>
                </tr>
            </table>
            <!-- 用户选择商品里面的数据 -->
            <table class="table1" id="self-choose" style="display:none;">
                 <tr>
                     <th class="w100">{$jerry.lang.title}</th>
                    <td  class="w100">
                        <select name="goodstitle" id="goodstitle">
                          <option>{$jerry.lang.ad_ntice_6}</option>
                        <foreach from='$goodsData' key='$k' value='$v'>
                            <option value="{$v.goodsid}">{$v.goodsname}</option> 
                        <!--下拉框-->
                        </foreach>
                        </select> 
                    </td>
                    <td></td>
                </tr>
              <!--   <tr>
                    <th class="w100">Banner标题</th>
                    <td  class="w100">
                        <input type="text" name="adtitle" class="w200"/> 
                    </td>
                    <td>BANNER显示的标题</td>
                </tr>
                <tr>
                    
                     <th class="w100">Banner图片</th>
                    <td  class="w100">
                      <input type="text" name="adpic" class="w200"/> 
                    </td>
                    <td>BANNER显示图片，您可以改为外键图片</td>
                </tr>
                <tr>
                     <th class="w100">Banner键接</th>
                    <td  class="w100">
                        <input type="text" name="adlink" class="w200"/> 
                    </td>
                    <td>如果是外键，键接请带是htpp://</td>
                </tr>
         -->
            </table>
            <!-- 异步出来的广告相关信息  -->
            <table class="table1 adinfostr"></table>
            <table class="table1">
            <tr>
                <th class="w100">{$jerry.lang.remark}</th>
                <td>
                    <textarea name="adremarks" class="form-control" rows="5"></textarea>
                </td>
                <td><span id="hd_catedes"></span></td>
            </tr>
            <tr>
                <th class="w100">{$jerry.lang.sort}</th>
                <td>
                    <input type="text" name="adsort" class="w200" value="100"/>
                </td>
                <td><span id="hd_sort"></span></td>
            </tr>
     
            <tr><td></td></tr> 
            <tr><td></td></tr> 
            <tr><td></td></tr> 
            <tr><td></td></tr> 
            <tr><td></td></tr>    
        </table>
        <div class="position-bottom">
            <input type="submit" class="hd-success" value="{$jerry.lang.add}"/>
        </div>
    </form>
</div>
</body>
</html>